import Vue from 'vue'
import App from './App'
import {router} from './router'
import VueLazyLoad from 'vue-lazyload'
import wx from 'weixin-js-sdk'
import { isWeixinBrowse } from './utils'
import http from './utils/http'

//图片懒加载
Vue.use(VueLazyLoad, { error: './static/images/EmptyBanner3.jpg', loading: './static/images/loading.gif' })

Vue.config.productionTip = false

new Vue({
    el: '#app',
    router,
    components: {App},
    template: '<App/>',
    created() {

        //如果是微信浏览器则加载微信JS SDK签名
        if(isWeixinBrowse()) {
            WeiXinJsSdkConfig()
        } else {
            console.log('非微信浏览器')
        }
        

    }
})


/**
 * 微信JS SDK签名
 * @constructor
 */
function WeiXinJsSdkConfig() {
    http({
        url: process.env.SPORT_GATEWAY_BASE_URL+'/sport/weixin/jssdk/config',
        method: 'POST'
    }).then(response => {
        let result = response.data
        wx.config({
            debug: true, 					// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: result.appid, 			// 必填，公众号的唯一标识
            timestamp: result.timestamp, 	// 必填，生成签名的时间戳
            nonceStr: result.noncestr, 		// 必填，生成签名的随机串
            signature: result.signature,	// 必填，签名，见附录1
            // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'getLocation'
            ]
        });

        wx.ready(()=>{
            console.log('微信JS SDK签名成功...');
            let link = process.env.WEIXIN_UI_BASE_URL
            wx.onMenuShareTimeline({
                title: '香飘飘-主页', // 分享标题
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'https://g-search1.alicdn.com/img/bao/uploaded/i4/i2/3410506055/TB1gx.re.FWMKJjSZFvXXaenFXa_!!0-item_pic.jpg_250x250.jpg', // 分享图标
                success: function () { // 用户确认分享后执行的回调函数
                },
                cancel: function () { // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareAppMessage({
                title: '香飘飘-主页', // 分享标题
                desc: '分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致', // 分享描述
                link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1520340675&di=3f1e7f580a063b1b5f6b5721b62be7f6&src=http://pic31.photophoto.cn/20140519/0010023932607971_b.jpg', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () { // 用户确认分享后执行的回调函数
                },
                cancel: function () { // 用户取消分享后执行的回调函数
                }
            });
        });

        wx.error(function(res){
            console.log('微信JSSDK签名失败',res);
            //可以更新签名
        });
    }).catch(error => {
        console.log('微信JSSDK签名失败，请检查链接是否正确')
    })
}